【CSS】border-bottom - 境界線(下)

【CSS】border-bottom - 境界線(下)

CSSのborder-bottomプロパティについて解説します。

検証環境

border-bottom

border-bottomは“境界線(下)”のプロパティです。

境界線(下)の太さ、スタイル、色を一括で設定します。

各項目の個別設定はboder-bottom-width、border-bottom-style、border-bottom-colorを使用します。

基本構文

border-bottom: 太さ スタイル 色;

サンプル

<style>
p {
    ___ih_hl_start
    border-bottom: 3px solid red;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>